<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:cc="http://java.sun.com/jsf/composite"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">

<cc:interface>
    <cc:attribute name="rangeSelector" default="1"/>
    <cc:attribute name="model" type="ch.genidea.jsfcharts.highstock.HighStockModel"/>
</cc:interface>

<cc:implementation>

    <div id="#{cc.id}_stockDiv"/>

    <script type="text/javascript">
        $(function () {
            var options = {
                credits: {
                    enabled: false
                },
                chart: {
                    renderTo: '#{cc.id}_stockDiv',
                    zoomType: 'x',
                    width: 500

                },
                title: {
                    text: '#{cc.attrs.title}'
                },
                subtitle: {
                    text: '#{cc.attrs.subTitle}'
                },

                legend: {
                    enabled: false
                },

                rangeSelector: {
                    seleted: '#{cc.attrs.rangeSelector}'
                },

                series: []
            };

            <
            cc:insertChildren / >

            var chart = new Highcharts.StockChart(options);
        });
    </script>
</cc:implementation>
</html>